<template>
  <div class="container">
    <header>
      <h1>
        <a href="login.html">我的</a>
      </h1>
      <a href="#">
        <img src="images/icon3.png" />
      </a>
    </header>
    <section>
      <ul>
        <li class="title">房源管理</li>
        <li class="content">
          <a class="xz" href="#">
            预约中心
            <span class="active">已预约2家</span>
          </a>
        </li>
        <li class="content">
          <a class="xz" href="#">
            房源收藏
            <span>已收藏4套</span>
          </a>
        </li>
        <li class="content">
          <a class="xz" href="#">资讯收藏</a>
        </li>
        <li class="title">通知管理</li>
        <li class="content">
          <a id="k" href="javascript:;">
            消息中心
            <div class="keys">
              <div class="yuan" style="left: 0rem;"></div>
            </div>
          </a>
        </li>
        <li class="title">其他</li>
        <li class="content">
          <a id="dark" href="javascript:;">
            夜间模式
            <div class="keys">
              <div class="yuan" style="left: 0rem;"></div>
            </div>
          </a>
        </li>
        <li class="content">
          <a class="xz" href="#">意见反馈</a>
        </li>
        <li class="content">
          <a class="xz" href="#">关于包图租房</a>
        </li>
        <li class="content">
          <a class="xz" href="bankcard.html">设置</a>
        </li>
      </ul>
    </section>

    <nav class="navbot">
      <ul>
        <li>
          <a href="index.html">
            <img src="images/nav1.png" alt />
            <p>首页</p>
          </a>
        </li>
        <li>
          <a href="home.html">
            <img src="images/nav2.png" alt />
            <p>房源</p>
          </a>
        </li>
        <li>
          <a href="info.html">
            <img src="images/nav3.png" alt />
            <p>资讯</p>
          </a>
        </li>
        <li>
          <a href="my.html">
            <img src="images/nav4_h.png" alt />
            <p>我的</p>
          </a>
        </li>
      </ul>
    </nav>
  </div>
</template>

<script>
import { toggle } from "../utils/toggle";
export default {
  name: "",
  components: {},
  mounted() {
    toggle();
  },
};
</script>

<style src="../assets/css/my.css" scoped></style>
<style scoped>
/* 这里的路径一直是根据index.html的 */
</style>
